<!doctype html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorate="~{fragments/layout}">

<head>
	<meta charset="utf-8">
    <!-- ui使用的引入资源,实际页面代码不会加载  ---start -->
    <!-- 公共 -->
    <link rel="stylesheet" href="../../META-INF/resources/webjars/bootstrap/3.3.7/css/bootstrap.css"  th:remove="all">
    <link rel="stylesheet" href="../../static/fonts/iconfont.css" th:remove="all">

    <script src="../../META-INF/resources/webjars/jquery/3.2.0/jquery.min.js"  th:remove="all"></script>

    <!-- 后台样式 -->
    <link rel="stylesheet" href="../../static/css/manage.css" th:remove="all">
    <link rel="stylesheet" href="../../static/css/power.css" th:remove="all">
    <!-- ui使用的引入资源,实际页面代码不会加载  --- end -->

    <script src="../../static/js-busi/staff/switchloginstafflist.js" th:src="@{/js-busi/staff/switchloginstafflist.js}"></script>

</head>

<body>
	
	<!-- 头部 -->
    <header class="m_header">
        <div class="wt1200 clearfix">
            <div class="m_header_leftWrap">
                <a href="" class="Logo" target="_blank">
                    <img src="../../static/images/logo_manager.png" alt="上海权益中心">
                </a>
                <em class="m_headName">亚信联通DEMO工程</em>
                <span>欢迎登陆亚信联通DEMO工程</span>
            </div>
            <ul class="m_hdlist clearfix">
                <li>
                    <a class="item" href="" target="_blank"><i class="iconfont icon-huiyuan1"></i>admin</a>
                </li>
                <li>
                    <a class="item" href="" target="_blank"><i class="iconfont icon-mima1"></i>修改密码</a>
                </li>
                <li>
                    <a class="item" href="../login/login.html" target=""><i class="iconfont icon-tuichu"></i>退出</a>
                </li>
            </ul>
        </div>
    </header>
    <!-- 头部 end-->

<div class="m_wrap1200">
    <!-- 右边主体 -->
    <div class="m_main"  layout:fragment="screen_content">
        <div class="m_con">

            <div class="pl20 pr20">
            
                <ul class="nav nav-tabs tabtype01" role="tablist">
                    <li class="active">
                        <!--<a href="#tab01" aria-controls="home" role="tab" data-toggle="tab" th:if="${currentMenuName} != NULL and ${currentMenuName} != ''"  th:text="${currentMenuName}">角色切换</a>-->
                        <a href="#tab01" aria-controls="home" role="tab" data-toggle="tab" th:if="${currentMenuName} == NULL or ${currentMenuName} == ''" >角色切换</a>
                    </li>
                </ul>
                
                <!-- Tab panes -->
                <div class="tab-content pt15">
                    <table class="editTable">
                        <tr>
                            <td class="Hint" >
                               	用户类型：
                            </td>
                            <td>
                                <input onclick="queryStaffList()" type="radio" name="staffType" value="1" checked/>平台
                                <input onclick="queryStaffList()" type="radio" name="staffType" value="2"/>合作伙伴
                            </td>
                        </tr>
                       	<tr>
                       		<td class="Hint">
                               	 归属类型：
                            </td>
                            <td >
                                <input onclick="queryStaffList()" type="radio" name="provinceCode" value="ZZZZ" checked/>全国
                                <input onclick="queryStaffList()" type="radio" name="provinceCode" value="31"/>上海
                            </td>
                       	</tr>
                    </table>
                    
                    <!-- list begin -->
                    <div id="staffListDiv">
                    	<div id="staffListTemplate">
	                    	<table  class="table table-bordered text-center table-striped table-hover table-th-nowrap mt20 table-td-m" >
							    <thead>
								    <tr class="active">
								        <th>登录账号</th>
								        <th>登录人姓名</th>
								        <th>用户类型</th>
								        <th>归属区域</th>
								        <th>角色列表</th>
								        <th width="200px" >操作</th>
								    </tr>
							    </thead>
							    <tbody th:if="${pageInfo}" th:remove="all-but-first">
								    <tr th:if="${pageInfo.result}" th:each="vo:${pageInfo.result}" >
								        <td th:text="${vo.staffCode}">12345</td>
								        <td th:text="${vo.staffName}">noname</td>
								        <td th:text="${vo.staffType}=='1'?'平台':'合作伙伴'">平台</td>
								        <td th:text="${vo.provinceName}">全国</td>
								        <td th:text="${vo.roleNames}">上帝</td>
								        <td>
								            <p class="pop-link">
								            	<a href="../login/login.html" th:onclick="|switchToStaff('${vo.staffCode}')|">点击切换</a>
								            </p>
								        </td>
								    </tr>
							    </tbody>
							    <!--<tr th:if="${pageInfo==null or #lists.isEmpty(pageInfo.result)}" ><td colspan="6">没有数据</td></tr>-->
							</table>
							
							<!-- 分页 start   -->
							<div class="overflow-hidden clearfix">
							    <!-- pagerBar -->
							    <div class="pagelist pull-right" >
							        <script>
							            function pagerClick(index){
							            	queryStaffList(index);
							            }
							        </script>
							        <div th:include="~{fragments/pagerWidget :: pager}"></div>
							    </div>
							    <!-- pagerBar end-->
							</div>
							<!-- 分页 end   -->
							
						</div>
						
                    </div>
                    <!-- list ends -->

                </div>

            </div>
        </div>

    </div>
    <!-- 右边主体 end-->
	<!-- 左边菜单 -->
        <div class="m_nav">
            <div class="leftMenu">
                <div class="menu_list">
                    <ul>
	                    <li>
                            <p class="fuMenu"><i class="iconfont icon-tuichu"></i>我的工作台</p>
                            <div class="menu2">
                                <p class="zcd"><a style="display: block" href="../main/main.html">首页</a></p>
                            </div>
                        </li>
                        <li>
                            <p class="fuMenu"><i class="iconfont icon-mima1"></i>系统管理</p>
                            <div class="menu2">
                                <p class="zcd"><a style="display: block" href="staffList.html">用户管理</a></p>
                                <p class="zcd"><a style="display: block" href="roleList.html">角色管理</a></p>
                                <p class="zcd"><a style="display: block" href="menuManagerNew.html">菜单管理</a></p>
                                <p class="zcd"><a style="display: block" href="systemParam_Manage.html">系统参数管理</a></p>
                                <p class="zcd"><a style="display: block" href="switchloginstafflist.html" class="active">角色切换</a></p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 左边菜单 end-->
</div>

    <script src="../../META-INF/resources/webjars/jquery/3.2.0/jquery.js" th:remove="all"></script>
    <script src="../../META-INF/resources/webjars/bootstrap/3.3.7/js/bootstrap.min.js" th:remove="all"></script>
    <script src="../../static/js/menu.js" th:remove="all"></script>

    <script type="text/javascript">
		meunShow();
		showChoseMenu();
</script>
</body>

</html>